@charset "utf-8";

@import "common";
@import "reset";

.all{
    font-size: 0;
    .main{
        width: 100%;
        position: absolute;
        top: r(89px);
        bottom: r(96px);
        overflow-x: hidden;
        overflow-y: scroll;
        .tv{
            font-size: 0;
            width: 100%;
            height: r(357px);
            >div{
                height: r(357px);
            }
            .slidebox{
                height: 100%;
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                }
                >div{
                    width: 100%;
                    height: r(105px);
                    background: rgba(0,0,0,.3);
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    >p{
                        
                        margin: auto;
                        margin-top: r(23px);
                        font-size: 16px;
                        width: 95%;
                        color: white;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    >i{
                        margin-left: r(20px);
                        font-size: 12px;
                        color: white;
                    }
                    span{
                        font-size: 14px;
                        color: white;
                        &:last-of-type{
                            margin-right: r(20px);
                        }
                    }
                  
                }
            }
        }
        
        .gmain{
            padding:3% 0;
            width: 95%;
            margin: auto;
            border-bottom: r(1px) solid #e2e2e2;
            >div{
                display: inline-block;
                vertical-align: top;
                &:first-of-type{
                    width: 60%;
                    padding-right:3% ;
                    a{
                        font-size: 17px;
                        color: black;
                        font-weight: normal;
                        margin-top: r(10px);
                        margin-bottom: r(25px);
                        line-height: 22px;
                        display: block;
                    }
                    i{
                        font-size: 13px;
                        color: #c5c5c5;
                    }
                    span{
                        display: inline-block;
                        height: r(30px);
                        line-height: r(30px);
                        font-size: 13px;
                        color: #c5c5c5;
                    }
                }
                &:last-of-type{
                    width: 40%;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        .line{
            width: 100%;
            height: r(25px);
            background: #f5f5f5;
        }
        .tmain{
            padding:3% 0;
            width: 95%;
            margin: auto;
            a{
                font-size: 17px;
                color: black;
                font-weight: normal;
                line-height: 29px;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: r(10px);
            }
            >div{
                display: inline-block;
                width: 30%;
                margin-right: 3%;
                img{
                    width: 100%;
                }
            }
            i{
//              margin-top: r(-20px);
                margin-left: r(10px);
                margin-right: r(10px);
                display: inline-block;
                font-size: 13px;
                color: #c5c5c5;
                vertical-align: middle;
            }
            span{
                display: inline-block;
                height: r(50px);
                line-height: r(50px);
                font-size: 13px;
                color: #c5c5c5;
                vertical-align: top;
                margin-left: r(10px);
            }
        }
    }
}
